/*
 * @version: 1.0
 * @author xiongmg
 */
/*css reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,input{margin:0;padding:0;}
body{font:normal 12px/1.5 Verdana, "\5b8b\4f53", sans-serif; color:#6f6f6f; background:#f2f2f2; }
input,button,select,textarea{outline:none}      /*取消chrome下input和textarea的聚焦边框*/
textarea{resize:none}                           /*取消chrome下textarea可拖动放大*/
em,i,s{font-style:normal;}
ul,ol,li{list-style:none;}
img,iframe{border:0;}
a,button{cursor:pointer;}
table{border-collapse:collapse;}
td{empty-cells:show;}
a{color:#6f6f6f; text-decoration:none;}
a:hover{color:#589005; text-decoration:underline;}
.red{color:#ff0000;}

/*layout*/
.wrap{width:978px; margin:0 auto; padding:9px; background:#ffffff;}
.main{width:770px; float:left; display:inline;}
.aside{width:188px; float:right; display:inline;}
.sub-wrap{width:966px; margin:0 auto; padding:15px; background:#ffffff;}
.sub-main{width:670px; float:left; display:inline;}
.sub-aside{width:275px; float:right; display:inline;}

.clearfix{zoom:1;}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
.yuan{font-family:Arial, Helvetica, sans-serif;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.txl{text-align:left;}
.txr{text-align:right;}
.vm{vertical-align:middle;}
.vt{vertical-align:top;}
.vb{vertical-align:bottom;}
.mb15{margin-bottom:15px;}
.ml20{margin-left:20px;}

/*little ico*/
.arr-down,
.arr-up{width:0; height:0; overflow:hidden; line-height:0; font-size:0; display:inline-block; border-width:4px; border-style:solid; border-color:#969696 #f2f2f2 #f2f2f2 #f2f2f2;}
.arr-up{border-color:#f2f2f2 #f2f2f2 #969696 #f2f2f2;}
.b-recommend{width:14px; height:14px; display:inline-block; font-size:0; line-height:0; overflow:hidden; background:url(../img/public/ico.png) no-repeat 0 -210px;}

/*page*/
.page{text-align:right; height:22px; padding:15px 0; color:#666666; margin:10px 0; font:normal 12px/21px Tahoma, "\5b8b\4f53", Geneva, sans-serif;}
.page span{display:inline-block; margin:0 3px; vertical-align:middle; height:22px; line-height:22px;}
.page .total,
.page a{display:inline-block; margin:0 2px; color:#666666; vertical-align:middle; height:20px; text-align:center; border:1px solid #d9d9d9; line-height:20px; padding:0 7px;}
.page a:hover,
.page a.cur-page{text-decoration:none; color:#ffffff; background:#dd1c45; border-color:#600518;}
.page .page-num{width:40px; border:1px solid #dddddd; height:20px; line-height:20px; padding:0 2px; text-align:center; vertical-align:middle;}

/*header*/
.header{height:89px; border-bottom:5px solid #ffffff; margin-bottom:20px;}
.header-bb{border-bottom:1px solid #dfdfdf; height:88px;}
.header-c{width:978px; padding:10px; margin:0 auto; height:68px; position:relative; zoom:1;}
.logo{width:230px; height:68px; position:absolute; left:-40px; top:13px; background:url(../img/public/logo.png) no-repeat; overflow:hidden;}
.logo a{display:block; width:230px; height:680px; text-indent:-9999em;}
.nav{float:left; display:inline; margin:27px 0 0 210px; height:28px;}
.nav li{display:inline; float:left; height:28px; line-height:28px; padding:0 8px; font-size:13px; margin:0 7px;}
.nav a{color:#454545;}
.nav a:hover{color:#589005; text-decoration:none;}
.nav .cur .db-a{color:#589005;}
.nav .sort{position:relative; padding-right:20px; cursor:pointer; zoom:1;}
.nav .sort .arr-down{position:absolute; right:8px; top:12px;}
.nav .sort-on{background:#666666;}
.nav .sort-on .db-a{color:#ffffff;}
.nav .sort-on .db-a:hover{color:#ffffff;}
.nav .sort-on .arr-down{border-color:#ffffff #666666 #666666 #666666;}
.sort-down{border:1px solid #dfdfdf; border-right:0 none; position:absolute; top:28px; left:0; width:261px; height:230px; overflow:hidden; background:#ffffff; display:none; z-index:9999;}
.sort-down .sort-div{width:86px; height:230px; display:inline; float:left; border-right:1px solid #dfdfdf;}
.sort-down .sort-div h3{height:28px; background:#f5f5f5 url(../img/public/ico.png) no-repeat 70px -92px; border-bottom:1px solid #dfdfdf; line-height:28px; padding:0 12px; font-size:13px; font-weight:normal; width:62px; overflow:hidden;}
.sort-down .sort-div li{height:32px; line-height:32px; padding:0 0 0 18px; font-size:12px; margin:0;}
.sort-down .last-div{border-right:0 none;}
.nav .sort-on .sort-down{display:block;}
.header-fr{position:absolute; top:24px; height:55px; right:0}
.search{background:url(../img/public/sq.png) no-repeat 100% 0; padding:12px 15px 16px 0; width:210px; height:28px; overflow:hidden; float:left;}
.search .search-text{width:166px; background:#ffffff; border:1px solid #cbcbcb; border-right:0 none; padding:3px; height:20px; line-height:20px; float:left;}
.search .search-btn{width:37px; height:28px; background:url(../img/public/ico.png) no-repeat 0 0; cursor:pointer; border:0 none; float:left; text-indent:-9999em;}
.free{height:24px; float:left; padding:15px 0 0 13px; line-height:24px; font-size:13px;}
.free .free-submit{color:#66aa00; font-weight:bold; margin-left:10px;}
.free .free-submit:hover{color:#589005;}

/*container*/

.slide{width:690px; height:260px; float:left; display:inline; position:relative; zoom:1;}
.slide .slides_container{width:690px; height:260px;}
.slide .prev,
.slide .next{}
.slide .pagination{position:absolute; right:10px; bottom:10px; z-index:9;}
.slide .pagination li{display:inline;}
.slide .pagination a{margin-left:5px;height:10px;width:10px;float:left;border:1px solid #B8C4CF;color:#B8C4CF;text-indent:-1000px; overflow:hidden; font-size:0; line-height:0;
    border-radius: 50%;
    background: #CCC;
    background: -webkit-linear-gradient(top,  #CCCCCC, #F3F3F3); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #CCCCCC, #F3F3F3); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #CCCCCC, #F3F3F3); /* opera */
    background:     -ms-linear-gradient(top,  #CCCCCC, #F3F3F3); /* IE10 */
    background:         linear-gradient(top,  #CCCCCC, #F3F3F3); /* css3 */
}
.slide .pagination .current a{
    background: #fc9802;
    background: -webkit-linear-gradient(top,  #fc9802, #a16203); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #fc9802, #a16203); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #fc9802, #a16203); /* opera */
    background:     -ms-linear-gradient(top,  #fc9802, #a16203); /* IE10 */
    background:         linear-gradient(top,  #fc9802, #a16203); /* css3 */  
    border-radius: 50%;    
    box-shadow: 0 0 3px #fc9802;   
    border: 1px solid #a16203 !important;
}
.slide .pagination a:hover{text-decoration:none;}
.slide .caption{z-index:8; position:absolute; bottom:0; left:0; height:50px; padding:5px 70px 0 20px; background:#000; background:rgba(0,0,0,.5); opacity:.5; filter:alpha(opacity=50); width:600px; font-size:12px; line-height:22px; color:#fff; border-top:1px solid #000; text-shadow:none;}
.slide a:hover{text-decoration:none;}

/*Two-dimensional code*/
.td-code{width:264px; height:244px; background:#54777b; padding:8px 7px; float:right; display:inline;}
.box-code{width:264px; height:244px; background:url(../img/public/two.png) no-repeat; text-indent:-9999em;}

/*pub-title*/
.pub-title{height:30px; margin-bottom:10px; line-height:30px;}
.pub-title h2{float:left; height:30px; display:inline; font-size:15px; color:#66aa00; font-weight:bold;}
.pub-title b{vertical-align:top; margin-right:8px; margin-top:8px;}
.pub-title h2 strong{display:inline-block; height:30px; vertical-align:top;}
.pub-title .more{float:right; display:inline; height:30px; line-height:30px; font-weight:bold;}

/*weixin list*/
.wx-list{width:770px; overflow:hidden; height:240px;}
.wx-list ul{width:780px;}
.wx-list li{width:120px; margin-right:10px; height:240px; overflow:hidden; display:inline; float:left; cursor:pointer;}
.wx-list .on{border:1px solid #b3b3b3; width:118px; height:238px;}
.wx-list li .pos{display:block;}
.wx-list li .neg{display:none}
.wx-list .on .pos{display:none;}
.wx-list .on .neg{display:block}
.pos img{width:120px; height:120px; vertical-align:top;}
.pos h3{height:28px; line-height:28px; font-size:13px; margin:0 6px;}
.pos p{line-height:22px; margin:0 6px; height:66px; overflow:hidden;}
.pos .add-interest{height:18px; line-height:18px; width:78px; background:#e4e4e4; border:1px solid #b1b1b1; text-align:center; margin-top:6px;}
.neg a{display:block; padding:7px; line-height:24px; height:204px; overflow:hidden;}
.neg a:hover{text-decoration:none;}
.neg img{width:104px; height:104px; margin-bottom:5px; vertical-align:top;}
.neg p{height:20px; background:#b3b3b3; line-height:20px; text-align:center; color:#ffffff;}

/*aside wx-ad*/
.wx-ad{border:1px solid #EFEFEF; height:238px;}

/*aside Attention*/
.attention{height:240px; overflow:hidden;}
.attention li{height:20px; padding:10px 0; border-top:1px dotted #dddddd; line-height:20px;}
.attention li img,
.attention li span{display:inline-block; height:20px; vertical-align:top;}
.attention li img{margin-right:5px; width:30px; height:20px;}

/*Leisure*/
.leisure-list{width:770px; overflow:hidden; height:515px;}
.leisure-list ul{width:780px;}
.leisure-list li{width:185px; height:250px; float:left; display:inline; margin-right:10px; margin-bottom:15px; overflow:hidden;}
.leisure-list li img{width:185px; height:250px;}

/*topic*/
.topic{height:515px; overflow:hidden;}
.topic li{height:33px; background:#e9e9e9; margin-bottom:13px; line-height:33px; cursor:pointer;}
.topic li .topic-img{display:none;}
.topic li .opacity{position:absolute; bottom:0; right:0; width:188px; height:33px; background:#000000; background:rgba(0,0,0,.4); opacity:.4; filter:alpha(opacity=40); display:none;}
.topic li .topic-name{padding-left:12px;}
.topic .on{height:140px; position:relative;}
.topic .on .topic-img{display:block; width:188px; height:140px;}
.topic .on .opacity{display:block;}
.topic .on .topic-name{height:33px;position:absolute; bottom:0; right:0; line-height:33px; padding-left:10px; width:178px;}
.topic .on .topic-name a,
.topic .on .topic-name a:hover{color:#ffffff;}
.topic .last-li{text-align:right; padding-right:10px;}

/*Place-list*/
.place-list{width:770px; overflow:hidden; height:310px;}
.place-list ul{width:780px;}
.place-list li{height:160px; width:120px; overflow:hidden; float:left; display:inline; margin-right:10px;}
.place-list li img{vertical-align:top; height:120px; width:120px;}
.place-list li p{height:40px; line-height:40px; padding-left:5px;}

/*area*/
.area li{display:inline;}
.area a{display:inline; padding:0 10px; margin-right:10px; float:left; background:#e9e9e9; height:30px; line-height:30px; margin-bottom:10px;}
.area a:hover{background:#66aa00; color:#ffffff; text-decoration:none;}

/*footer*/
.footer{border-top:1px solid #e4e4e4; height:60px; margin-top:40px; padding:20px 0; background:#ffffff;}
.footer p{line-height:30px; text-align:center;}
.footer .p-a a{margin:0 10px;}

/*all sort*/
.all-sort h2{height:30px; line-height:30px; font-weight:bold; font-size:14px; color:#66aa00;}
.all-sort a{color:#000000; margin-right:15px;}
.all-sort a:hover{color:#66aa00}
.all-sort dl{font-size:13px; color:#000000; line-height:30px;}
.all-sort dt{float:left; display:inline; width:110px; font-weight:bold;}
.all-sort dd{float:left; display:inline; width:854px;}

.sub-slide{background:#f1f3f0; margin-bottom:15px; width:668px; height:328px; border:1px solid #dfdfdf; overflow:hidden;}
.sub-slide-n{width:650px; height:320px; overflow:hidden; position:relative; padding:9px 9px 0; zoom:1;}
.sub-slide-n .sub-slide-w{width:6600px; height:280px;}
.sub-slide-n .slide-page{width:660px; float:left; display:inline;}
.slide-page ul{height:280px;}
.slide-page li{width:210px; height:280px; position:relative; margin-right:10px; display:inline; float:left;}
.slide-page li img{vertical-align:top; width:210px; height:280px;}
.slide-page li .opacity{position:absolute; bottom:0; left:0; width:210px; height:29px; background:#000000; background:rgba(0,0,0,.4); opacity:.4; filter:alpha(opacity=40);}
.slide-page li .product-name{position:absolute; bottom:0; left:0; width:210px; height:29px; text-align:center; line-height:29px; font-size:14px;}
.slide-page li .product-name a,
.slide-page li .product-name a:hover{color:#ffffff;}
.sub-slide-n .prev,
.sub-slide-n .next{width:15px; height:23px; position:absolute; background:url(../img/public/ico.png) no-repeat -200em 0; display:block; overflow:hidden; text-indent:-9999em;}
.sub-slide-n .prev{bottom:6px; left:10px; background-position:0 -30px;}
.sub-slide-n .next{ background-position:0 -60px; bottom:6px; right:10px;}
.sub-slide-n .pagination{width:220px; height:8px; font-size:0; margin:18px auto 0; text-align:center;}
.sub-slide-n .pagination li{display:inline; overflow:hidden; width:25px; height:8px;}
.sub-slide-n .pagination li a{display:inline-block; overflow:hidden; width:25px; height:8px; line-height:40px; margin:0 4px; background:#cacaca;}
.sub-slide-n .pagination .current a{background:#83b956;}

/*sub-wx-list*/
.sub-wx-list{width:670px; height:auto;}
.sub-wx-list ul{width:688px;}
.sub-wx-list li{margin-right:17px; margin-bottom:17px;}

/* sub aside-ad*/
.aside-ad{margin-bottom:15px;}
.aside-ad img{vertical-align:top;}

/*guess-u-like*/
.rbox{background:#eeeeee; width:275px; overflow:hidden;}
.rbox-c{border-top:1px solid #e0e0e0; padding:10px;}
.aside-title{padding:0 10px; height:33px; line-height:33px; border-bottom:1px solid #ffffff;}
.aside-title h2{float:left; font-weight:bold; font-size:14px;}
.aside-title .more{float:right;}
.aside-like-list{height:540px; overflow:hidden; width:260px;}
.aside-like-list li{height:60px; margin-bottom:20px; overflow:hidden; line-height:20px; color:#000000}
.aside-like-list img{width:60px; height:60px;}
.aside-like-list .wx-logo{width:60px; height:60px; float:left; display:inline; margin-right:10px; _margin-right:7px;}
.aside-like-list h3{font-size:12px; font-weight:normal;}
.aside-like-list p{height:20px;}
.aside-like-list span{display:inline-block;}
.aside-like-list .sp1{width:105px;}
.aside-like-list .gray{color:#6e7278;}

/*search result*/
.search-result li{height:100px; padding:10px 0; overflow:hidden; color:#000000;}
.search-result .on{background:#f0f0f0;}
.search-result .wx-logo{width:80px; height:80px; float:left; display:inline; margin-right:10px; margin-bottom:10px;}
.search-result .wx-logo img{width:80px; height:80px;}
.search-result .wx-info{height:44px; line-height:22px; margin-bottom:6px;}
.search-result .wx-info span{display:inline-block; vertical-align:top;}
.search-result .wx-info .wx-name{width:280px; font-weight:bold;}
.search-result .wx-info .wx-num{width:280px;}
.search-result .wx-info .wx-site{width:280px;}
.search-result .wx-info .wx-weibo{width:280px;}
.search-result .wx-des{line-height:20px; color:#6F6F6F;}

/*detail*/
.detail-basic{width:770px; float:left; display:inline;}
.detail-basic .wx-logo{width:120px; height:120px; float:left; margin-right:20px;}
.detail-basic h2{font-size:14px; color:#66aa00; font-weight:normal; height:20px; line-height:20px; padding:5px 0;}
.detail-basic h2 em{font-weight:bold; display:inline-block; margin-right:10px;}
.detail-basic h2 .detail-sort{border-left:1px dashed #66aa00; display:inline-block; padding-left:10px; font-size:13px;}
.detail-basic p{line-height:22px; color:#000000;}
.detail-basic p span{display:inline-block;}
.detail-basic p .sp1{width:300px;}
.detail-code{float:right; display:inline;}
.detail-code .tips{background:#e9e9e9; width:22px; text-align:center; line-height:13px; display:block; float:left; word-wrap:break-word; word-break:normal; color:#000000; padding:4px 0; margin-right:15px;}
.detail-code .code{width:104px; height:104px; background:#ffffff; padding:9px; border:1px solid #e9e9e9; vertical-align:top;}

/*detail info*/
.detail-title{border-bottom:2px solid #dadada; height:30px; line-height:30px; position:relative;}
.detail-title h2{position:absolute; bottom:-2px; border-bottom:2px solid #199900; font-size:14px; font-weight:normal; color:#000000;}
.info-text{padding:10px 0; line-height:22px; min-height:242px;}
.info-text p{margin-bottom:10px;}

/*review*/
.review-show{padding:10px 0;}
.logs{height:20px; padding:15px 0; border-top:1px solid #dddddd;}
.logs span,
.logs a{display:inline-block; vertical-align:middle; height:20px;}
.logs a{margin-right:10px;}
.logs .more{color:#dd3322;}
.logs .more:hover{color:#dd3322;}
.review-input{border:1px solid #bbbbbb;}
.review-input textarea{background:#fefefe url(../img/public/area-bg.png) repeat-x; padding:10px; height:66px; line-height:22px; border:0 none; width:648px; color:#999999;}
.review-b{border-top:1px solid #cccccc; height:30px; overflow:hidden;}
.review-b .review-bl{width:550px; background:url(../img/public/exp-bg.png) repeat-x; padding:4px 10px; height:22px; line-height:22px; border-right:1px solid #cccccc; float:left;}
.exp-ico{width:17px; height:17px; float:left; display:block; text-indent:-999em; background:url(../img/public/ico.png) no-repeat 0 -180px; margin-top:2px;}
.review-btn{float:right; width:97px; height:30px; background:url(../img/public/btn-bg.png) repeat-x; border:1px solid #ffffff; color:#666666; font-weight:bold; cursor:pointer;}
.v-code{height:22px;}
.v-code *{vertical-align:top; display:inline-block; line-height:22px;}
.v-code label{color:#66aa00}
.v-code .code{width:50px; height:16px; border:1px solid #dddddd; margin-right:5px; line-height:16px; padding:2px}
.v-code img{width:60px; height:22px;}

/*Ranking*/
.ranking-c{padding:10px;}
.ranking li{height:20px; padding:5px 0;}
.ranking i{float:right;}
.ranking .up,
.ranking .down{width:10px; height:15px; background:url(../img/public/ico.png) no-repeat 0 -120px; display:block; margin-top:2px; overflow:hidden; font-size:0; line-height:0;}
.ranking .down{background-position:0 -150px;}
.ranking-num{display:inline-block; width:18px; height:18px; font-size:12px; text-align:center; line-height:18px; background:#ffffff; border:1px solid #d7d7d7; vertical-align:top; margin-right:10px; font-weight:normal;}
.top3{background:#9ac1c5; border:1px solid #9ac1c5; color:#ffffff;}
.ranking img{vertical-align:top; margin-right:5px; width:20px; height:20px;}
.ranking span{display:inline-block; height:20px; line-height:20px; vertical-align:top;}

/*detail-wx-list*/
.detail-wx-list{width:966px;}
.detail-wx-list ul{width:986px;}
.detail-wx-list li{margin-right:20px;}

/*submit*/
.submit-tbl{text-align:left; width:100%;}
.submit-tbl td{border-bottom:1px solid #eeeeee; height:22px; vertical-align:middle; padding:4px 0;}
.submit-tbl .lable{width:110px;}
.submit-tbl em{margin-right:5px;}
.submit-tbl .sub-tr td{border-bottom:0 none; height:60px;}
.submit-form .selt{width:118px; height:20px; margin-right:5px;}
.submit-form .wx-name{width:400px; background:url(../img/public/ruler.png) repeat-x; border:1px solid #d0d0d0; padding:2px; height:18px; margin-right:5px; line-height:18px;}
.submit-form .input-text,
.submit-form .input-file{background:url(../img/public/input-bg.png) repeat-x 0 0; border:1px solid #d0d0d0; padding:2px; height:18px; margin-right:5px; line-height:18px; width:280px;}
.submit-form .input-file{height:22px\9; line-height:22px\9; width:358px\9;}
.submit-form .input-textarea{width:99%; background:url(../img/public/input-bg.png) repeat-x 0 0; height:44px; line-height:22px; border:1px solid #d0d0d0; padding:2px; margin-bottom:2px;}
.submit-form .limit{height:20px; padding:3px 10px; border:1px solid #cccccc; background:#ffffcc; margin-top:5px;}
.submit-form span{display:inline-block; height:20px; vertical-align:top; line-height:20px; _margin-top:2px;}
.submit-form .chk{width:12px; height:12px; margin-right:3px; vertical-align:top; margin-top:4px;}
.submit-form .limit-text{width:30px; height:16px; line-height:16px; margin:0 3px; vertical-align:top;}
.submit-form input.fl{margin-top:20px;}
.submit-form .num-intro{width:500px; float:left; display:inline; line-height:22px;}
.submit-form .code{width:80px; vertical-align:middle;}

.about-wrap{padding-top:30px;}
.about-menu{width:190px; display:inline; float:left;}
.about-menu h2{background:url(../img/public/ico.png) no-repeat 0 -240px; height:34px; padding-left:45px; color:#66aa00; margin-bottom:10px;}
.about-menu .chinese{font-size:17px; height:18px; line-height:18px; font-family:"\5fae\8f6f\96c5\9ed1", "\5b8b\4f53";}
.about-menu .english{font-size:12px; height:15px; line-height:15px;}
.about-menu li{height:16px; padding:7px 0 7px 45px;}
.about-menu li b{display:inline-block; vertical-align:top; width:6px; height:6px; overflow:hidden; font-size:0; line-height:0; background:#66aa00; margin-top:5px; margin-right:10px;}
.about-menu li a{display:inline-block; height:16px; line-height:16px; font-weight:bold; font-size:12px; vertical-align:top;}
.about-menu li a.cur{color:#66aa00;}
.about-menu li a.cur:hover{color:#66aa00; text-decoration:none;}
.about-content{width:720px; display:inline; float:left; min-height:500px; border-left:1px dashed #cdcdcd; padding-left:30px; padding-top:30px;}
.about-title{height:18px; padding-bottom:8px; border-bottom:2px solid #d5d5d5;}
.about-title h2{border-left:2px solid #000000; height:18px; line-height:18px; padding-left:10px; font-size:14px; color:#66aa00;}
.about-text{padding:25px 10px; line-height:24px;}
.about-text p{margin-bottom:10px;}